<template>
  <common-card title="今日交易用户数" value="1,126,632">
    <template>
      <v-chart :option="getOptions()"></v-chart>
    </template>
    <template v-slot:footer>
      <span>退货率 </span>
      <span class="emphasis">5.04%</span>
    </template>
  </common-card>
</template>

<script>
import commonCardMixin from "../../mixins/commonCardMixin";
export default {
  mixins: [commonCardMixin],
  methods:{
    getOptions(){
      return {
      color: ["#3398DB"],
      series: [
        {
          type: "bar",
          data: [
            410,
            82,
            200,
            334,
            390,
            330,
            220,
            150,
            82,
            200,
            134,
            290,
            330,
            150,
          ],
          barWidth: "60%",
        },
      ],
      xAxis: {
        type: "category",
        data: [
          "00:00",
          "01:00",
          "02:00",
          "03:00",
          "04:00",
          "05:00",
          "06:00",
          "07:00",
          "08:00",
          "09:00",
          "10:00",
          "11:00",
          "12:00",
          "13:00",
        ],
        show: false,
      },
      yAxis: {
        show: false,
      },
      grid: {
        top: 0,
        left: 0,
        bottom: 0,
        right: 0,
      },
    }
    }
  }
};
</script>

<style lang="sass" scoped>
</style>